<template>
  <div>
    <aside-app></aside-app>
    <!--右侧内容-->
  	<div class="content-div">
  		<!--头部-->
  		<header>
  			<div class="header-nav f-l">
  				<a href="">文章列表</a>
  				<a href="">文章列表</a>
  				<a href="">文章列表</a>
  				<a href="">文章列表</a>
  				<a href="">文章列表</a>
  			</div>
  			<ul class="admin-info f-r">
  				<li>牛逼的管理员</li>
  				<li>
  					<a href="" class="admin-img"></a>
  					admin
  				</li>
  				<li>
  					<!--退出按钮-->
  					<a href="" class="sign-out">
  						<i class="iconfont">&#xe605;</i>
  					</a>
  				</li>
  			</ul>
  		</header>
  		<!--nav-bar-->
  		<div class="content-box">
  		    <router-view transition="router"  transition-mode="out-in"></router-view>
  		</div>
  	</div>
  </div>
</template>
<script>
  var aside = require("../../components/admin/aside.vue");
  export default{
		components:{
      asideApp:aside
    }
  }
</script>
<style scoped>
	@import url("../../resources/admiSite/css/X-ui.css");
  @import url("../../resources/admiSite/css/X-ui-admin.css");
  @import url("../../resources/public/css/router-animate.css");
</style>
